﻿<%@ page language="java" pageEncoding="UTF-8" errorPage="/ui/defaultException.jsp"%>
<%@include file="/ui/tags.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>${dest.name }的${featureItem.name }</title>
<meta name="keywords" content="${featureItem.zhname},${featureItem.enname},${ dest.zhname},${ dest.enname}" />
<meta name="description" content="${featureItem.summary }" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<%@include file="/ui/portal/commonjscss.jsp"%>
</head>
<body>
    <div class="page">
    	<c:set var="renderView" value="3" scope="page"></c:set>
        <%@include file="/ui/portal/head.jsp"%>
         <div class="hotel-detail-top">
            <div class="hotel-detail-area">
                <b><a href="${cpath}/destination/${dest.destId}" title="${dest.name}">${dest.name}</a></b> >&nbsp;
                <c:if test="${dest.style == 1 }">
                <b><a href="${cpath}/destination/${dest.destId}/${featureItem.featureId}">${featureCategory.featureCategoryName}</a></b> >&nbsp;
                </c:if>
                ${featureItem.name}
            </div>
            <div class="hotel-detail-title displaynone">
            </div>
        </div>
        <div class="clear">
        </div>
        <div id="container" class="container margin10">
            <div class="news-container">
                <div class="news-details-title textaligncenter withauto">
                    ${featureItem.name }
                </div>
                <!-- 
                <div class="news-details-mark">
                    <fmt:formatDate value="${news.newsDate}" pattern="yyyy年MM月dd日 HH:mm"/>&nbsp;&nbsp;&nbsp;来源：${news.newsSource }
                </div>
                <div class="news-details-viewcount">浏览量:${news.viewnum }</div> -->
                <div class="h-right margin0auto">
                    <div class="preferences-news-detail">
                    	<c:forEach var="item" items="${featureItem.subItems}" varStatus="ostatus">
                    	
	                    	<c:if test="${fn:length(item.images) > 0 }">
	                    	<c:if test="${!ostatus.first }">
	                    		<div class="clear14px"></div>
	                    	</c:if>
	                        <div class="preferences-news-imgs">
	                            <img class="lazy" data-original="${image_domain }${item.images[0].source}@745w" 
	                            src="${cpath}/resources/portal/img/grey.gif"/>
	                        </div>
	                        </c:if>
	                        <c:if test="${ostatus.first }">
	                    		<c:if test="${!empty featureItem.copyright }">
									<div class="hotel-detail-copy">（图片版权：${featureItem.copyright }）</div>
								</c:if>
	                    	</c:if>
	                        <div class="preferences-news-note">
	                          ${item.content }
	                        </div>
	                        <c:forEach var="image" items="${item.images }" varStatus="status">
	                        	<c:if test="${!status.first }">
	                        	<div class="clear14px"></div>
	                        	<div class="preferences-news-imgs">
	                        	<img class="lazy" data-original="${image_domain }${image.source}@745w" 
	                            	src="${cpath}/resources/portal/img/grey.gif"/>
	                            </div>
	                        	</c:if>
	                        </c:forEach>
                        </c:forEach>
                         <%--
                        <div class="preferences-news-copy textalignright">  编辑:${news.editor }</div>
                         --%>
                        <div class="preferences-news-share">
                            <%@include file="/ui/portal/share.jsp"%>
							<script type="text/javascript">
							jiathis_config['title'] = '${featureItem.name }';
							jiathis_config['summary'] = $('.preferences-news-note:first').text();
							sinaShareData = {
								shareType : 4,
								openType : 1,
								dataId : '${featureItem.featureItemId}'
							};
							tencentShareData = {
								shareType : 4,
								openType : 2,
								dataId : '${featureItem.featureItemId}'
							};
							qzoneShareData = {
								shareType : 4,
								openType : 2,
								openTypeName : 'qzone',
								dataId : '${featureItem.featureItemId}'
							};
							</script>
                        </div>
                    </div>
                    <div class="p-news">
                        <div class="p-news-title">
                            <div class="p-news-title-line-left">
                                <hr />
                            </div>
                            <div class="p-news-title-name"> 可能喜欢&nbsp;></div>
                            <div class="p-news-title-line-right">
                                <hr />
                            </div>
                        </div>
                        <div class="p-news-inner">
                           <c:forEach var="item" items="${samilarFeatureItems }">
                            <div class="p-news-l">
                                <div class="p-news-l-img">
                                    <a href="${cpath}/destination/${dest.destId}/item/${item.featureItemId}">
                                        <img class="lazy" data-original="${image_domain }${item.source}${item.small}"
										src="${cpath}/resources/portal/img/grey.gif"/></a>
                                </div>
                                <div class="p-news-l-title">
                                    <a href="${cpath}/destination/${dest.destId}/item/${item.featureItemId}">${item.name}</a>
                                </div>
                                <div class="p-news-l-line">
                                    <hr />
                                </div>
                                <div class="p-news-l-remark">
                                 <a href="${cpath}/destination/${dest.destId}/item/${item.featureItemId}">${item.summary }
                                 </a>
                                 </div>
                            </div>
                           </c:forEach>
                            <div class="clear1">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <%@include file="/ui/portal/footer.jsp"%>
    </div>
 
</body>
</html>
<script src="${cpath}/resources/portal/js/lazyload/jquery.lazyload.js"></script>
<script type="text/javascript">
$(function() {
    $("img.lazy").lazyload();
});
</script>
